page {
  background: #F9F9F9;
}
.header_content{
    position: fixed;
    width:100%;
    z-index: 99;
}
.header.group_active{
    background: #fff;
}
.group_share_button{
  position: absolute;
  bottom:164rpx;
  left:24rpx;
}

.group_share_button button{
  width: 234rpx;
  height: 94rpx;
  background: url("http://img1.birdback.org/a/02/ef/02eff699ee8f7dc43633439d7173a068.png");
  background-size: 100% 100%;
  border-radius: 30rpx;
}

.group_share_button button::after{
  border: none;
}

.group-detail{
  width: 100%;
  min-height: 375rpx;
  background: #fff;
  position: absolute;
  z-index: 2;
  bottom:0;
  padding-bottom:60rpx;
}

.group-detail-title{
  font-size:40rpx;
  color:rgba(51,51,51,1);
  margin:40rpx 0 0 40rpx;
}

.group-detail-list{
  display: flex;
  flex-direction: column;
}

.group-item{
  margin:20rpx 0 0 40rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.group-item text{
  font-size:30rpx;
  color:#666;
  margin-left:12rpx;
}

.group-item image{
  width:30rpx;
  height:30rpx;
}

.active-status{
  font-size:40rpx;
  color:#12D195;
  margin: 30rpx 0 0 24rpx;
  font-weight: 500;
  display: flex;
  .status-text{
      flex: 1;
  }
  .active-intro{
        margin-right:24rpx;
        button{
            padding: 0;
            width:130rpx;
            height: 48rpx;
            border-radius: 24rpx;
            border: 1px solid rgba(18, 209, 149, 0.8);
            color: #12D195;
            font-size: 26rpx;
            font-weight: 400;
            display: flex;
            align-items: center;
            justify-content: center;
        }
     }
}
.active-status-no{
  font-size:40rpx;
  color:#666;
  margin: 30rpx 0 0 24rpx;
  font-weight: 500;
  display: flex;
  button{
        color: #12D195;
        font-size: 26rpx;
        border: 1px solid rgba(18, 209, 149, .8);
        height: 48rpx;
        width: 232rpx;
        // margin-left: 76rpx;
        border-radius: 24rpx;
        line-height: 40rpx;
        padding: 0;
        align-items: center;
        display: flex;
        justify-content: center;
  }
}

.group-detail-medium{
    width:538rpx;
    display:flex;
    flex-direction:column;
    align-items:center;
    position:absolute;
    z-index:2;

}
.group-detail-medium .list{
    position: relative;
    width: 538rpx;
    height: 526rpx;
    background: url("http://img1.birdback.org/a/8c/11/8c11c115414dc779309637ccdfb8562f.png") no-repeat;
    background-size: 100% 100%;
    display:flex;
    justify-content:center;

}
.group-detail-medium .list .weChat_share{
    position: absolute;
    width: 386rpx;
    height: 80rpx;
    background: url("http://img1.birdback.org/a/d9/a2/d9a2c7a4ec9471c16ad894391dfec76d.png") no-repeat;
    background-size: 100% 100%;
    bottom:50rpx;
}


.group-detail-medium .list-item{
    width: 100%;
    background: #F8F8F8;
    height: 70rpx;
    margin-bottom:30rpx;
}
.group-detail-medium .face{
    width:50rpx;
    height: 50rpx;
    margin-left:40rpx;
}
.group-detail-medium .name{
    color: #666;
    font-size: 28rpx;
}

.active-num{
  font-size:30rpx;
  color:#999999;
  margin: 30rpx 24rpx 0 24rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.active-num .active-num_left{
    display: flex;
    flex:1;
}
.active-num .got_time{
    color:#fff;
    background: #FF4F54;
    padding: 0 10rpx;
}
.active-num image{
  width: 50rpx;
  height:50rpx;
  margin-right: 14rpx;
}
.group_notice{
    height: 100rpx;
    width: 100%;
    display: flex;
    background: linear-gradient(to right,#15E5B4,#09C77D);
    justify-content: center;
    align-items: center;
    view{
        flex: 1;
        color: #fff;
        font-size: 36rpx;   
        padding: 0 24rpx;
    }
    icon{
        margin-right: 24rpx;
    }
    
}

.active-time{
  width:255rpx;
  height:50rpx;
  position: absolute;
  right: 24rpx;
  background: #12D195;
  font-size:24rpx;
  z-index: 1;
  border-radius: 5rpx;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  top:10rpx;
  z-index:999;
}

.active-time text{
  min-width:34rpx;
  height:38rpx;
  background: #fff;
  font-size:30rpx;
  margin:0 5rpx 0 5rpx;
  border-radius: 5rpx;
  text-align: center;
  padding:0 4rpx;
  color: #12D195;
}



.share view{
  display: flex;
  flex-direction: column;
  font-size:22rpx;
  font-weight:400;
  color:#333333;
}

.share view:first-child{
  margin-top: 0rpx;
}

.share button{
  width:90rpx;
  height:90rpx;
  margin: 0;
  padding: 0;
  outline: none !important;
}
.share.bg  button{
    background: url("http://img1.birdback.org/a/6b/18/6b183eddcf6daa962bb2c19efcc8abea.png");
    background-size:100% 100%;
}

.share button::after{
  border: none;
}


.share view image{
  width:100rpx;
  height:100rpx;
}

.fujia {
  width: 100%;
  background: #fff;
  margin-top: 25rpx;
}

.fujia .option {
  background: #fff;
}

.fujia .item {
  display: flex;
  min-height: 80rpx;
  align-items: center;
  background: #fff;
}

.fujia .item view {
  width: 160rpx;
  min-height: 100rpx;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.fujia .item text {
  font-size: 28rpx;
  color: #545455;
}

.fujia .item icon {
  /* width: 24rpx;
  height: 24rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/liebiao_jiantou@3x.png)no-repeat;
  background-size: 100% 100%; */
  margin-right: 24rpx;
}

.fujia .item text.no-flex {
  flex: none;
}

.a1{
  font-size:30rpx;
  font-weight:500;
  color:#545455;
}


.close{
    width: 130rpx;
    height: 32rpx;
    position: absolute;
    z-index: 99;
    background: url(http://img1.birdback.org/a/46/c3/46c3d669f6e8140b1526b4dfcd5d8d0d.png) no-repeat;
    background-size: 100% 100%;
    top:128rpx;
}


/* --------------------- */

.goods {
  display: flex;
  /* position: absolute; */
  width: 100%;
  /* top:344rpx;
  bottom: 48rpx; */
  overflow: hidden;
  background: #fff;
  position: relative;
  overflow-y:hidden;
}

.goods .menu-wrapper {
  width: 170rpx;
  background: #f9f9f9;
  height:100%;
}

.goods .menu-wrapper .menu-item {
    position: relative;
  display: flex;
  width: 170rpx;
  height: 120rpx;
  flex-direction: row;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
    .badge-red{
        position: absolute;
        top: 10rpx;
        right: 10rpx;
        z-index: 2;
        width: 30rpx;
        height: 30rpx;
        border-radius: 100%;
        color: #fff;
        background: #ff4f54;
        font-size: 20rpx;
    }
}
.goods .menu-wrapper .menu-item:last-child{
    height: 300rpx;
}
/* .goods .foods-wrapper .food-list .food-item:last-child{
    margin-bottom:100rpx;
} */

.goods .menu-wrapper .current .icon {
  background: #fff;
}

.goods .menu-wrapper .current .box {
  background: #fff;
}

.goods .menu-wrapper .current .icon view {
  // background-image: linear-gradient(-123deg, #a0f4c9 0%, #73e9da 100%);
}

.goods .menu-wrapper .menu-item.current .text {
  background: #fff;
  color: #333;
  font-weight: 500;
}

.goods .menu-wrapper .menu-item .icon {
  width: 30rpx;
}

.goods .menu-wrapper .menu-item image{
  width: 34rpx;
  height:34rpx;
  margin-right: 8rpx;
}

.goods .menu-wrapper .menu-item text{
    margin-top:2rpx;
}
.goods .menu-wrapper .menu-item .menu_item_title{
    overflow:hidden;
    box-sizing:border-box;
    display:-webkit-box;
    word-break:break-all;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

}

.goods .menu-wrapper .menu-item .icon view {
  width: 10rpx;
  height: 120rpx;
}

.goods .menu-wrapper .menu-item .box {
  flex: 1;
}


.goods .menu-wrapper .menu-item .text {
  width: 112rpx;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #666
}

.goods .foods-wrapper {
  flex: 1;
  height: 100%;
}

.goods .foods-wrapper .food-list .title {
  width: 100%;
  min-height: 70rpx;
  font-size: 28rpx;
  color: #000;
  line-height: 24rpx;
  background: #fff;
  justify-content: flex-start;
}

.goods .foods-wrapper .food-list .title view {
  margin-left: 20rpx;
  min-height: 24rpx;
}

.goods .foods-wrapper .food-list text {
  line-height:40rpx;
}

.header {
  position: relative;
  color: #fff;
  overflow: hidden;
  background: #333;
  padding-bottom:24rpx;
}

.header .content-wrapper {
  display: flex;
  font-size: 0;
  flex-direction: row;
}

.header .content-wrapper .avatar {
  padding: 30rpx 0 0 24rpx;
  position: relative;
}

.header .content-wrapper .avatar image {
  width: 130rpx;
  height: 130rpx;
  position:relative;

  
  border-radius: 8rpx;
}

.header .content-wrapper .content {
  flex: 1;
  padding:30rpx 60rpx 0 24rpx;
  position:relative;
}
.header .arrow_out_top{
  position: absolute;
  right: 23rpx;
  height: 100%;
  display:flex;
  align-items:center;
  margin-bottom:40rpx;
}
.header .jiantou{
  width: 18rpx;
  height: 30rpx;
  background: url("http://img1.birdback.org/a/4f/53/4f536149ecf9677aeb07956a7a2cd467.png") no-repeat;
  background-size: 100% 100%;
  margin-bottom:40rpx;
}

.header .content-wrapper .content .title {
  font-size: 38rpx;
  color: #fff;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.header .content-wrapper .content .description {
  font-size: 24rpx;
  color: #fff;
  margin-bottom:8rpx;
  /* margin: 2rpx 0 0 20rpx; */
}

.menu{
  height: 79rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* justify-content: center; */
  /* border-bottom:1px solid #ebebeb; */
  background: #fff;
}
.menu .ck{
  color: #333;
  font-weight: 500;
}

.menu .ck icon{
  width: 60rpx;
  height: 4rpx;
  background: #12D195;
}

.menu text{
  margin-top: 20rpx;
}

.menu view{
  height: 79rpx;
  /* flex: 1; */
  font-size: 30rpx;
  color: #666666;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  width:150rpx;
}

.description view:first-child {
  margin-right: 30rpx;
}

.bulletin-wrapper {
  display: flex;
  /* margin: 10rpx 0 0 20rpx; */
  flex-direction: row;
}

.bulletin-wrapper image {
  width: 28rpx;
  height: 25.1rpx;
  position:relative;
  top: 5rpx;
}

.bulletin-wrapper text {
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

.shop-tags {
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 22rpx;
  color: #fff;
  margin: 14rpx 0 0 0;
}

.shop-tags .sale_content {
  display:inline-block;
  padding:0 10rpx;
  background:#FF4F54;
  border-radius:4rpx;
  margin:10rpx 10rpx 0 0;
}


.tejia {
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_tejia@3x.png)no-repeat;
  background-size: 100% 100%;
}

.manjian {
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_manjian@3x.png)no-repeat;
  background-size: 100% 100%;
}

.discount{
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_discount@3x.png)no-repeat;
  background-size: 100% 100%;
}

.list-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  /*backdrop-filter: blur(10px);*/
  -webkit-backdrop-filter: 1;
  background: rgba(7, 17, 27, 0.6);
}

.list-mask :fade-enter-active, :fade-leave-active {
  opacity: 1;  
  transition: all 0.5s ease;
  background: rgba(7, 17, 27, 0.6);
}

.food-list :fade-enter, :fade-leave-active {
  opacity: 0;
  background: rgba(7, 17, 27, 0);
}

.a3{
  font-size:28rpx;
  color:#999999;
}

.navigation_icon.share_together .group_together_button{
    height: 110rpx;
}
.group_together_button{
    padding: 0;
    width:90rpx;
    height: 90rpx;
    border-radius: 100%;
}
.group_together_button image{
    width:90rpx;
    height: 90rpx;
    border-radius: 100%;
}



.share{
  /* position: absolute;
  left:initial;
  top:360rpx;
  right:24rpx;
  width:130rpx;
  height: 130rpx;
  z-index:100000; */

}
.share.animate{
  animation:container 1s linear 1;
}

@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
  transform: translate3d(0,0,0);
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-20rpx,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-10rpx,0);
  }
  90%{
  transform: translate3d(0,-4rpx,0);
  }
}

.buy_together_header{
    background: #fff;
    padding:24rpx 24rpx 18rpx 24rpx;
}
.buy_together_top{
    margin-bottom: 28rpx;
}
.buy_together_top .buy_status{
    flex:1;
    color: #333333;
    font-size: 40rpx;
    font-weight: 500;
}
.buy_together_header .green_text{
    color: #00B89D;
    font-size: 22rpx;
    margin-left: 20rpx;
}
.buy_together_header .green_text icon{
    margin-right: 6rpx;
}
.buy_together_header .gray_text{
    font-size: 30rpx;
    color: #999999;
    margin-bottom: 30rpx;
    display: flex;
}

.ellipsis_dot{
    margin-right:10px;
    font-size:30rpx;
    line-height:28rpx;

}
.buy_together_header .gray_text .face{
    width:50rpx; 
    height: 50rpx;
    margin-right: 8rpx;
    border-radius: 100%;
}
.buy_together_header .buy_buttons{
    text-align: right;
}
.buy_together_header .buy_buttons button{
    font-size: 26rpx;
    margin-left:20rpx;
    padding: 10rpx 12rpx;
    display: inline-block;
    line-height: 1;
}
.buy_together_header .buy_buttons .white_bg{
    color: #12D195;
    border: 1px solid rgba(18, 209, 149, .8);
    border-radius:24rpx;
}
.buy_together_header .buy_buttons .white_bg.gray{
    color: #BCBCBC;
    border: 1px solid #ddd;
    border-radius:22rpx;
}

.buy_together_header .buy_buttons .green_bg{
    color: #fff;
    border: 1px solid #12D195;
    background: #12D195;
    border-radius:22rpx;
}


.navigation_icon{
    width: 90rpx;
    height: 90rpx;
    position: absolute;
    bottom:190rpx;
    left:24rpx;
    overflow:hidden;
    /* transition: all ease .2s; */
}
/* 拼单分享 */
.navigation_icon.share_together{  
    background: url(http://img1.birdback.org/a/90/fb/90fbc7cb36793c339452b4611f1e22d8.png);
    background-size: 100% 100%;
   
    height: 258rpx;
}
.navigation_icon.share_group{  
    background: url(http://img1.birdback.org/a/29/49/2949a8993e0c71ef0fb42ea733097922.png);
    background-size: 100% 100%;
}
.close_navigation{
    width:90rpx;
    height:45rpx;
    position:absolute;
    bottom:0;
}

.reser_top{
    background: #12D195;
    color: #fff;
    /* height: 128rpx; */
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:36rpx;
}

.must-choose-icon{
    width:218rpx;
    height: 98rpx;
    position: absolute;
    right:0;
    bottom:140rpx;
}

.menu .search{
  height: 60rpx;
  position: absolute;
  right: 24rpx;
}
.menu .search image{
  width:28rpx;
  height: 28rpx;
  margin-left:0;
}
.menu .search text{
  font-size: 26rpx;
  margin-top: 0;
  margin-left: 12rpx;
}

.menu .search .search-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  border-radius: 30rpx;
}
.search-box{
  right: 0;
  left: 0;
  bottom:100rpx;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 999；
}
.search-box .shadow{
  top:0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.6);
  z-index:99;
  position: absolute;
}
.search-content{
  position: absolute;
  z-index:100;
  right: 0;
  left:0;
  bottom: 0;
  background: #fff;
}
.search-top{
  height: 96rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 100%;
  margin:0 auto;
}
.search-box-top{
  position: fixed;
  z-index: 999;
  width: 100%;
  margin-top: 34rpx;
  display: flex;
  flex-direction: row;
}
.search-top .search-item{
  height: 60rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #f2f2f2;
  border-radius: 30rpx;
  margin: 0 24rpx;
  flex:1;
  position: relative;
}
.search-top .back-store-icon{
  width:20rpx;
  height: 34rpx;  
  padding: 0 0 0 24rpx;
}
.search-top .back-store-text{
  font-size: 26rpx;
  color: rgba(51, 51, 51, 1); 
  padding: 0 24rpx 0 0;
}
.search-item image{
  width: 32rpx;
  height: 32rpx;
  margin-left: 24rpx;
}
.search-item text{
  font-size: 26rpx;
  margin-left: 20rpx;
  color:rgba(0,0,0,.6);
}
.search-item input{
  height: 64rpx;
  font-size: 28rpx;
  margin-left: 10rpx;
  flex:1;
}
.search-box .tags{
    margin-top: 15rpx;
}
.tags{
    margin-top: 15rpx;
}

.tags:last-child{
    margin-top: 60rpx;
}

.tags-list{
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    /* margin-top: 30rpx; */
}
.tags-list view{
    border: 1px solid #ECEBEB;
    padding:12rpx 10rpx;
    margin-left: 24rpx;
    margin-top: 30rpx;
    border-radius:10rpx;
    font-size:30rpx;
    color:rgba(0,0,0,.6);
}

.tags-list .active{
    border: 1px solid #00B89D !important;
    color:#00B89D !important;
}

.tags .tags-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50rpx;
}

.tags .tags-header text{
  font-size:26rpx;
  color:rgba(0,0,0,.6);
  line-height:26rpx;
  margin-left: 24rpx;
}

.tags .tags-header image{
  width: 28rpx;
  height: 28rpx;
  margin-right: 24rpx;
}

.search-box  .empty{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 90rpx;
}

.search-box  .empty image{
    width: 30rpx;
    height:30rpx;
    margin-right: 10rpx;
}

.search-box  .empty text{
    font-size: 26rpx;
    color: #999999;
}

.search-item .empty_close{
  width:24rpx;
  height: 24rpx;
  margin-left:0;
}

.red_packet_content{
    background: #fff;
    display: flex;
    
    .red_packer_c{
            height:72rpx;
            overflow-y: hidden;
            padding-left: 12rpx;
    }
    .red_packet{
        margin-top:20rpx;
        margin-left: 12rpx;
        width: 160rpx;
        height: 46rpx;
        display: inline-block;
        position: relative;
        image{
            width: 100%;
            height: 100%;
        }
        .red_packet_inner{   
            position: absolute;
            top: 0;
            width: 100%;
            bottom: 0;
            display: flex;
            align-items: center;
            .packet_num,.packet_status{
                width: 80rpx;
                text-align: center;
                font-size: 24rpx;
                text{
                    font-size: 30rpx;
                    margin-left: 4rpx;
                }
            }
            .packet_status{
                font-size: 24rpx;
            }
        }
        &.choosed{
                 color: #FF2C2B;
        }
        &.choosed_wait{
            color: #fff;
        }
    }
    
}
.store_info{
    width: 680rpx;
    margin:0 auto;
    .group-detail-medium{
        width: 100%;
    }
    .list{
        width: 100%;
        max-height: 800rpx;
        background: #fff;
        border-radius: 16rpx;
        padding: 30rpx 20rpx;
        height: auto;
        overflow: auto;
        .store_name{
            font-size: 36rpx;
            color: #333333;
            font-weight: 500;
        }
        .info_title{
            font-size: 28rpx;
            color: #333333;
            margin: 30rpx 0 24rpx 0;
            font-weight: 500;
        }
        .info_text{
            font-size: 24rpx;
            color: #666;
            .info_line{
                margin: 0 0 14rpx 0;
            }
            .cut_icon{
                width: 30rpx;
                height: 30rpx;
                display: inline-block;
                margin-right: 10rpx;
            }
            .cut_icon.dis{
                background: #FFB949;
            }
        }
        .coupon_out .coupon{
            display: inline-block;
            padding-left: 2rpx;
        }
        
        .coupon_chosed,.coupon_wait{
            margin: 0 20rpx 20rpx 0;
            width: 310rpx;
            height: 140rpx;
            border-radius: 4rpx;
            border: 2rpx solid #FF2C2B;
            background: #fff;
            color: #FF2C2B;
            display: flex;
            align-items: center;
            .coupon_left{
                width: 190rpx;
                font-size: 20rpx;
                padding: 14rpx;
                .coupon_value{
                    font-size: 24rpx;
                    text{
                        font-size: 48rpx;
                        font-weight: 500;
                    }
                }
            }
            .coupon_right{
                border: none;
                border-left: 1px dashed #FF2C2B;
                width: 120rpx;
                height: 100%;
                font-size: 26rpx;
                padding:0;
                color: #FF2C2B;
                border-radius: 0;
            }
        }
        .coupon_wait{
            background: rgba(255, 44, 43, 0.1)
        }
    } 
}
.evaluation{
    background: #F9F9F9;
    
    .eva_class{
        padding: 40rpx 24rpx 60rpx;
        background: #fff;
        margin-bottom: 24rpx;
        align-items: flex-end;
        .red_text{
            font-size: 64rpx;
            font-weight: 500;
        }
        .gray_text{
            font-size: 24rpx;
        }
        .light_text{
            font-size: 24rpx;
            &.big{
                font-size: 40rpx;
            }
        }
        .star_yellow,.star_gray{
            width: 28rpx;
            height: 28rpx;
        }
        .eva_class_left{
           width: 160rpx;
           text-align: center;
        }
        .eva_class_midd{
            width: 0;
            flex: 1;
            .flex:first-child{
                margin-bottom: 16rpx;
            }
            .stars_con{
                margin: 0 10rpx 0 20rpx;
                icon{
                    margin-right: 10rpx;
                    width: 28rpx;
                    height: 28rpx;
                }
            }
            .yellow_text{
                font-size: 24rpx;
                width: 50rpx;
            }
        }
         .eva_class_right{
            width: 160rpx;
            .slide{
                width: 2rpx;
                height: 70rpx;
                background: #ddd;
                margin-top: 6rpx;
            }
            .slide_right{
                width: 0;
                flex: 1;
                text-align: center;
            }
        }
    }
    .eva_content{
        background: #fff;
        .eva_bts{
            padding: 0 9rpx;
            view{
                display: inline-block;
                padding: 14rpx 34rpx;
                border-radius: 4rpx;
                font-size: 26rpx;
                background: rgba(18, 209, 149, .1);
                margin:30rpx 15rpx 0;
                &.gray_bt{
                    background: #F0F0F0;
                }
                &.ck{
                    color: #fff;
                    background: #12D195
                }
                
            }
        }
        .eva_tip{
            justify-content: flex-start;
            margin: 30rpx 24rpx;
            .ck-icon{
                width: 24rpx;
                height: 24rpx;
                margin-right: 10rpx;
            }
            .gray_text{
                font-size: 24rpx;
            }
        }
        .eva_list{
            border-top: 1rpx solid rgba(221, 221, 221, 0.3);
            margin: 28rpx 24rpx 0;
            padding-top: 30rpx;
            align-items: flex-start;
            .img{
                width: 70rpx;
                height: 70rpx;
                border-radius: 100%;
                background: #000;
                margin-right: 20rpx;
            }
            .item_right{
                width: 0;
                flex: 1;
                .item_row{
                    justify-content: flex-start;
                }
                .dark_text{
                    font-size: 24rpx;
                }
                .name{
                    width: 0;
                    flex: 1;
                }
                .light_text{
                    font-size: 24rpx;
                    margin-right: 20rpx;
                }
                .stars_con{
                    icon{
                        width: 24rpx;
                        height: 24rpx;
                        margin-right: 4rpx;
                    }
                }
                .eva_grade{ 
                    margin-top: 22rpx;
                }
                .eva_val{
                    margin: 30rpx 0 20rpx 0;
                }
                .eva_image{
                    width: 240rpx;
                    height: 240rpx;
                    background: #000;
                    margin: 20rpx 20rpx 0 0;
                    display: inline-block;
                }
                .good_icon{
                    width: 24rpx;
                    height: 26rpx;
                    margin: 0 5rpx 10rpx 0;
                }
                .good_item{
                    font-size: 22rpx;
                    background: rgba(18, 209, 149, .1);
                    border-radius: 2rpx;
                    padding: 10rpx;
                    margin: 5rpx;
                }
                .eva_back{
                    font-size: 24rpx;
                    background: #F9F9F9;
                    border-radius: 2rpx;
                    padding: 18rpx 14rpx;
                    margin-top: 30rpx;
                }
            }
            
        }
    }
}

.score_empty{
    .score_empty_icon{
        background: url(http://img1.birdback.org/201908109877773.png) no-repeat;
        background-size: 100% 100%;
        width: 128rpx;
        height: 96rpx;
        margin-right: 46rpx;
    }
    .dark_text{
        font-size: 28rpx;
    }
    .gray_text{
        font-size: 24rpx;
    }
}
.marquee view{
    display: block;
    width: auto;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    overflow: hidden;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
}
@keyframes marquee {
    0% {
        transform: translateX(5%);
    }
    100% {
        transform: translateX(-50%); // 每行高50
    }
}
.food-item {
  display: flex;
  min-height: 178rpx;
  margin-left: 20rpx;
  position: relative;
  /* border-bottom: 1px solid rgba(7, 17, 27, 0.1); */
}


.food-item .icon {
    margin-top: 30rpx;
}

.food-item .icon image {
  width: 120rpx;
  height: 120rpx;
  border-radius: 8rpx;
}

.food-item .content {
  flex: 1;
  position: relative;
  padding-bottom:20rpx;

}

.food-item .content .name {
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #333;
  line-height: 38rpx;
  margin: 30rpx 0 0 20rpx;
  font-weight:：500;
}
.food-item .content .name.green {
  color: #12D195;
}

.food-item .content .desc, .extra {
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #666;
  line-height: 22rpx;
  margin: 16rpx 0 0 20rpx;
}

.food-item .content .desc {
  margin: 16rpx 0 0 20rpx;
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #666;
  line-height: 28rpx;
}

.food-item .content .price {
  /* position: absolute;
  top: 161rpx;
  left: 135rpx; */
  display: flex;
  flex-direction: row;
}

.food-item .content .price .now {
  font-size: 36rpx;
  color: #ff4f54;
  line-height: 52rpx;
  font-weight:500;
}

.food-item .content .price .old {
  font-size: 24rpx;
  color: #999;
  line-height: 50rpx;
  text-decoration: line-through;
  margin-left: 10rpx;
}

.food-item .content .discount-tag{
  font-size:22rpx;
  color:#FF4F54;
  border: 2rpx solid rgba(255, 110, 110, .5);
  display: inline-block;
  border-radius: 5rpx;
  padding:0rpx 10rpx;
  /* position: absolute;
  top:210rpx; */
  margin:0 0 0 20rpx;
}
.cartControl-wrapper .cartControl {
  font-size: 0;
}

.cartControl-wrapper .cartControl .cart-decrease, .cart-add {
  display: inline-block;
}

// .cartControl-wrapper .cartControl .cart-decrease, .cart-add :fade-enter-active,
// :fade-leave-active {
//   transition: all 0.4s linear;
// }
// 
// .goods .foods-wrapper .food-list .food-item .content .cartControl-wrapper .cartControl .cart-decrease,
// .cart-add :fade-enter, :fade-leave-active {
//   opacity: 0 transform translate3d(24px, 0, 0);
// }

.cartControl-wrapper .cartControl .cart-decrease, .cart-add .inner {
  width: 50rpx;
  height: 50rpx;
  display: inline-block;
  vertical-align: top;
  background: url(http://img1.birdback.org/a/75/fb/75fbee2ebf9e90205476516e6efb4014.png)no-repeat;
  background-size: 100% 100%;
}
.cartControl-wrapper .cartControl .cart-decrease.disable{
    background: url(http://img1.birdback.org/a/a9/78/a978e7cdcee7dfaf227d4dab85823dc5.png)no-repeat;
    background-size: 100% 100%;
}

// .cartControl-wrapper .cartControl .cart-decrease, .cart-add :inner-enter-active,
// :inner-leave-active {
//   transition: all 0.4s linear;
//   transform: rotate(0);
// }
// 
// .cartControl-wrapper .cartControl .cart-decrease, .cart-add :inner-enter,
// :inner-leave-active {
//   opacity: 0 transform rotate(180deg);
// }

.cartControl-wrapper .cartControl .cart-count {
  display: inline-block;
  width: 60rpx;
  height: 50rpx;
  vertical-align: top;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #545455;
  line-height: 50rpx;
}

.cartControl-wrapper .cartControl .cart-add {
  width: 50rpx;
  height: 50rpx;
  display: inline-block;
  vertical-align: top;
  background: url(http://img1.birdback.org/a/b3/4d/b34dde29c422f07d5e46a4faff7538da.png)no-repeat;
  background-size: 100% 100%;
}
.price_bar{
  margin-top:20rpx;
  display: flex;
  width:100%;

}
.price_bar .price{
  flex:1;
  margin-left: 20rpx;
  }
.price_bar .cartControl-wrapper{
  margin-right: 24rpx;
}
.goodsDetail-box {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  transition: all .2s ease;
}

.goodsDetail-mask {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}

.goodsDetail-content{
  width: 650rpx;
  z-index: 2;
  top:150rpx;
  display: flex;
  flex-direction: column;
  position: relative;
}
.goodsDetail-image{
    position: relative;
    border-radius: 16rpx;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 16rpx;
    padding-bottom: 30rpx;
}
.goodsDetail-content image{
  width: 650rpx;
  height: 650rpx;
  border-radius: 16rpx 16rpx 0 0;
}

.goodsDetail-title{
  font-size:36rpx;
  font-weight:500;
  color:#333;
  margin:30rpx 0 0 24rpx;
}

.goodsDetail-info{
  font-size:24rpx;
  color:#666;
  margin:5rpx 0 0 24rpx;
}

.goodsDetail-num{
  font-size:22rpx;
  color:#666;
  margin:5rpx 0 0 24rpx;
}

.goodsDetail-price{
  font-size:36rpx;
  color:#FF2C2B;
  font-weight:500;
  margin:30rpx 0 0 24rpx;
}

.goodsDetail-status{
    position: absolute;
    bottom:34rpx;
    right:24rpx;
}
.goodsDetail-add{
  width: 50rpx;
  height: 50rpx;
  vertical-align: top;
  background: url(http://img1.birdback.org/a/b3/4d/b34dde29c422f07d5e46a4faff7538da.png)no-repeat;
  background-size: 100% 100%;
}
.setting-box {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}

.setting-mask {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
}

.setting-view {
  position: relative;
  z-index: 2;
  width: 85%;
  background: #fff;
  border-radius: 16rpx;
}
.setting-box .close_icon{
    width:34rpx;
    height:36rpx;
    position:absolute;
    top:30rpx;
    right:30rpx;
}

.setting-head {
  width: 100%;
}

.setting-head .close {
  width: 52rpx;
  height: 52rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/diandan_tankuangguanbi@3x.png)no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 14rpx;
  top: 14rpx;
}

.setting-head .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  color: #181830;
  margin-top: 60rpx;
}

.setting-item {
  display: flex;
  width: 100%;
  margin-top: 35rpx;
  flex-direction: column;
  align-items: center;
}

.setting-item .item {
  margin-bottom: 20rpx;
  padding: 0 30rpx;
}

.setting-item .item .title {
  font-size: 28rpx;
  color: #545455;
}

.setting-item .item .button-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -4rpx;
  justify-content: flex-start;
}

.setting-item .item .button-list view {
  min-width: 90rpx;
  height: 64rpx;
  border-radius: 8rpx;
  font-size: 28rpx;
  line-height: 70rpx;
  text-align: center;
  background: #f5f5f5;
  color: #545455;
  margin-right: 20rpx;
  margin-top: 24rpx;
  padding: 0 30rpx;
}

.setting-item .item .button-list .ck {
  /* min-width: 172rpx;
  height: 60rpx; */
  color: #00b89d;
  background: #defaf1;
  /* border: 2rpx solid #009c73; */
  /* line-height:65rpx; */
}

.setting-price {
  position: relative;
  width: 100%;
  height: 118rpx;
  border-top: 1px solid rgba(7, 17, 27, 0.1);
}

.setting-price text {
  position: absolute;
  top: 41rpx;
  left: 32rpx;
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  color: #ff4f54;
}

.setting-price view {
  position: absolute;
  width: 200rpx;
  height: 70rpx;
  background: #12D195;
  border-radius: 100px;
  right: 32rpx;
  top: 24rpx;
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #fff;
  text-align: center;
  line-height: 72rpx;
}

.setting-price .old{
  font-size: 24rpx;
  color: #c7c7c7;
  line-height: 24rpx;
  text-decoration: line-through;
  margin: 10rpx 0 0 16rpx;
  left:120rpx;
  top:48rpx;
}

.food-item-plank{
    height: 150rpx;
}
.food-item-plank-bang{
    height: 120rpx;
}
.title {
  width: 100%;
  min-height: 70rpx;
  font-size: 28rpx;
  color: #000;
  line-height: 24rpx;
  background: #fff;
  justify-content: flex-start;
  &.title_fixed{
      position: fixed;
      z-index: 99;
  }
}

.title view {
  margin-left: 20rpx;
  min-height: 24rpx;
}
